<%--
  Created by IntelliJ IDEA.
  User: DELL
  Date: 2021/6/25
  Time: 17:00
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>管理员登录页面</title>
    <style>
        *{
            padding: 0;
            margin: 0;
            border: 0;
        }
        body{
            background-color:#afeeee;
            background: url("image/denglu.png");
            background-size: 1370px 805px;
            background-repeat: no-repeat;
            /*opacity: 0.6;*/
        }
        h1{
            background-color: white ;
            height: 40px;
            color: black;
            top: 10px;
            font-size: 30px;
            font-weight: bold;
            font-family: 楷体;
            text-align: center;
        }
        h2{
            color: black;
            float: right;
            font-size: 20px;
            font-family: 楷体;
        }
        .class1{
            margin: 20px ;
            float: left;
        }
        form{
            background-color: white;
            border: 2px cornflowerblue solid;
            /*opacity: 0.8;*/
            width: 340px;
            height: 400px;
            margin: 35px 50px 10px 540px;
            text-align: center;
        }
        footer {
            background-color: white ;
            height: 50px;
            color: black;
            text-align: center;
        }
        a{
            font-family: 楷体;
            color:black;
            font-size: 20px;
            text-align: center;
            margin: 0px 0px 0px 50px;
        }
        a:hover{
            color: cornflowerblue;
        }
        .class7{
            font-size:26px;
            font-family: 楷体;
            text-align: center;
        }
        .class11 {
            font-family: 楷体;
            font-size: 16px;
            color: black;
        }
        table{
            border: black;
            text-align: center;
            text-align: justify;
            margin: auto;
        }
        .class12{
            font-size: 16px;
        }
        .submit1:hover{
            color: red;
        }
        .reset1:hover{
            color: red;
        }
        .submit1{
            width: 4em;
            height:2em;
            background: #87cecb;
            font-size: 16px;
            text-align:center;
            margin: 0px 20px 0px 0px;
        }
        .reset1{
            width: 4em;
            height:2em;
            background: #87cecb;
            font-size: 16px;
            text-align: center;
        }
        .qiyeyonghu{
            font-size: 40px;
            font-family: 楷体;
            text-align: center;
        }
        .biankuang{
            width: 200px;
            height: 30px;
        }
    </style>
</head>
<h1>642住房公积金欢迎你的访问！</h1>
<h2>我们将为你提供最贴心的服务！</h2>
<br><br>
<div class="class1">
</div>
<div class="class2">
    <form action="" method="post" >
        <div class="class7">
            <br>
            后台业务管理平台
        </div>
        <br><br>
        <div class="qiyeyonghu">
            <strong style="background-color: #87cecb">管理员登录</strong>
        </div>
        <br><br>
        <table border="1" align="center" class="class12">
            <tr>
                <td>用户名：</td>
                <td><input type="password" name="IDcard" required placeholder="请输入员工号" autofocus style="border:2px black solid"
                           class="biankuang"></td>
            </tr>
            <tr></tr><tr></tr><tr></tr><tr></tr><tr></tr><tr></tr>
            <tr>
                <td>密码：</td>
                <td><input type="password" name="password" required placeholder="请输入密码" style="border:2px black solid" class="biankuang"></td>
            </tr>
            <tr></tr><tr></tr><tr></tr><tr></tr><tr></tr><tr></tr>
            <tr>
                <td><input type="submit" value="登录" class="submit1"></td>

                <td><input type="reset" value="重置" class="reset1"></td>
            </tr>
        </table>
    </form>
</div>
<br><br>
<footer>
    <div class="class4">
        <a href="null.jsp" target="_blank" class="class11">关于642住房公积金</a>  &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp|
        &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp<a href="null.jsp" target="_blank" class="class11">本站声明</a> &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp|
        &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp<a href="null.jsp" target="_blank" class="class11">新手指南</a> &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp|
        &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp<a href="null.jsp"target="_blank" class="class11">联系我们</a> &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp|
    </div>
    <div class="class5">
        <a href="null.jsp" target="_blank" class="class11">技术支持电话：123456789</a>  &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp|
        &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp<a href="null.jsp" target="_blank" class="class11">住房公积金投诉举报电话：987654321</a>
    </div>
</footer>
</head>
<body>
</body>
</html>
